
        body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,cude,i{margin:0;padding:0}
        body{font:12px \5FAE\8F6F\96C5\9ED1,arial;_font-family:\5B8B\4F53;color:#68abf0;}
        a{color:#cfe0f8;text-decoration:none;cursor:pointer}
        a:hover{color:#ffcc00;text-decoration:underline}
        ol,ul,li{list-style:none}
        em,i{font-style:normal}
        img{border:none;vertical-align:top}
        /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        ::-webkit-scrollbar{
            width: 7px;
            height: 7px;
            background-color: #F5F5F5;
        }

        /*定义滚动条轨道 内阴影+圆角*/
        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #F5F5F5;
        }

        /*定义滑块 内阴影+圆角*/
        ::-webkit-scrollbar-thumb{
            box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
            background-color: #c8c8c8;
        }
        
        .main{width:675px;height:500px;background: #162f4e;margin:0 auto;position:relative;}
        .main .tit{height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;text-align: center;color:#fff;border-bottom:1px solid #395175;background: linear-gradient(to bottom,#1e3756 0%,#244475 100%);}
        .main .con{height:450px;overflow-y:auto;}
        .main .con ul{margin:6px 0 0 6px;overflow: hidden;}
        .main .con ul li{float:left;display:inline;width:120px;height:200px;overflow:hidden;margin:6px;}
        .main .con ul li a{display:block;position:relative;}
        .main .con ul li a.buy{width:118px;height:35px;line-height: 35px;text-align: center;font-size:14px;margin-top:1px;border:1px solid #81bfdc;background: linear-gradient(to bottom,#20557e 0%,#4fa1dc 90%);}
        .main .con ul li img{display: block;width:120px;height:160px;}
        .main .con ul li a span{position:absolute;color:#fff;}
        .main .con ul li a span.name{left:5px;bottom:26px;}
        .main .con ul li a span.coin{left:5px;bottom:5px;padding-left:18px;background:url(../images/icon_01.png) no-repeat;background-size:16px;}
        .main .con ul li a span.diamond{left:60px;bottom:5px;padding-left:18px;background:url(../images/icon_02.png) no-repeat;background-size:16px;}
        .main .con ul li a span.mask{left:0;top:0;width:120px;height: 160px;background: -webkit-linear-gradient(top, rgba(0,0, 0, 0) 50%, rgba(0,0, 0, 0.8) 100%)}
        .main .con .loading{color:#fff;text-align: center;padding:30px 0;}

        .main .dialog_bg{display:none;position: absolute;top:0;left:0;width:100%;height:500px;background:rgba(0,0,0,0.3)}
        .main .dialog_con{display:none;position: absolute;top:50%;left:50%;width:420px;height:260px;margin:-130px 0 0 -210px;border:1px solid #67b3e2;background: linear-gradient(to bottom,#164060 0%,#3d8cc4 90%);}
        .main .dialog_tit{height:30px;line-height: 30px;border-bottom:1px solid #67b3e2;color:#fff;font-weight: bold;font-size:14px;text-align: center;position: relative;}
        .main .dialog_tit span{position: absolute;right:5px;top:0;width:30px;height: 30px;background:url(../images/icon_03.png) no-repeat;background-size: 30px;cursor: pointer;}
        .main .dialog_con .l{float:left;margin:30px 0 0 30px;width:120px;height:160px;position:relative;}
        .main .dialog_con .l img{display: block;width:120px;height:160px;}
        .main .dialog_con .l span{position:absolute;color:#fff;}
        .main .dialog_con .l span.name{left:5px;bottom:5px;}
        .main .dialog_con .l span.mask{left:0;top:0;width:120px;height: 160px;background: -webkit-linear-gradient(top, rgba(0,0, 0, 0) 50%, rgba(0,0, 0, 0.8) 100%)}
        .main .dialog_con .r{float:left;margin:30px 0 0 10px;width:230px;height:160px;position:relative;}
        .main .dialog_con .r .coin,.main .dialog_con .r .diamond{width:100px;height: 30px;line-height: 30px;text-align: center;font-weight: bold;margin:5px 0 0 30px;padding-left:50px;background:#164060;position: relative;}
        .main .dialog_con .r .coin span,.main .dialog_con .r .diamond span{position:absolute;left:0;top:0;height:30px;width:15px;padding:0 35px 0 3px;line-height: 1.2em;color:#aad1f1;background:#3f7cae;}
        .main .dialog_con .r .coin{color:#ffffff;margin-top:30px;}
        .main .dialog_con .r .diamond{color:#fba104;}
        .main .dialog_con .r .coin span{background:#5e92bd url(../images/icon_01.png) no-repeat 20px center;background-size: 28px;}
        .main .dialog_con .r .diamond span{background:#5e92bd url(../images/icon_02.png) no-repeat 20px center;background-size: 28px;}
        .main .dialog_con .r .btn{height:35px;line-height: 33px;text-align: center;font-size:14px;margin:26px 0 0 5px;}
        .main .dialog_con .r .btn .btn_coin{float:left;width:100px;height:33px;border:1px solid #81bfdc;background: linear-gradient(to bottom,#20557e 0%,#4fa1dc 90%);margin-right:3px;}
        .main .dialog_con .r .btn .btn_diamond{float:left;width:100px;height:33px;border:1px solid #f5d79d;background: linear-gradient(to bottom,#cb8704 0%,#dcb568 90%);color:#f9efdd;}